.home {
  @apply w-full h-full flex flex-col pl-10 pt-10;

  .statisticItem {
    @apply rounded bg-white flex items-center p-5 relative shrink-0 border-2 border-solid mb-8;
    width: 220px;
    height: 90px;
    border-radius: 10px;
    box-shadow: 3px 22px 50px -2px rgba(121, 120, 130, 0.15);
    &:hover {
      @apply cursor-pointer;
      border-color: #ff8032;
    }
    &.staActive {
      border-color: #ff8032;
    }
    margin-left: 10px;

    .itemImg {
      @apply mr-5;
      width: 50px;
      height: 50px;
    }

    .itemInfo {
      @apply flex-1;

      .infoTop {
        @apply text-main text-base leading-4 flex items-center;

        & > span {
          @apply mr-1 font-semibold;
        }

        .tooltips2 {
          @apply hidden;
        }

        & img {
          width: 14px;
          height: 14px;
        }

        &:hover {
          .tooltips2 {
            @apply inline-block;
          }

          .tooltips1 {
            @apply hidden;
          }
        }
      }

      .infoBottom {
        @apply flex items-end;

        &.notip {
          @apply mt-5;
        }

        .unit {
          @apply text-main;
          font-size: 18px;
          margin-right: 6px;
        }

        .amount {
          @apply text-xl font-semibold;
          font-family: PingFang SC;
          color: #141736;
        }
      }
    }

    .shouru {
      @apply h-8 leading-8 text-center absolute bottom-0 text-xs text-main-assist;
      border-top: 1px solid #eee;
      width: calc(100% - 52px);
      left: 26px;
    }
  }

  .content {
    @apply mt-10 w-full flex flex-col rounded  shrink-0;
    .contentTitle {
      @apply w-full flex justify-between items-center px-10;

      & > span {
        @apply font-semibold text-2xl;
        color: #1d2129;
      }

      .titleRight {
        @apply flex items-center;

        & > span {
          @apply text-main text-sm;
          font-family: Alibaba PuHuiTi 2;
          margin-right: 10px;
          font-variation-settings: 'opsz' auto;
        }
      }
    }

    .contentChart {
      @apply flex-1 w-full;
    }
  }
}
